<template>
	<Box :loading='ajax.loading' :data='ajax.data' scroll>
		<ul>
			<li class='fxt f13' :class="{mt10: i> 0}" v-for='(v,i) of ajax.data??[]'>
				<div style='width:40px'><img :src='Img_uer' class='wh r100px' /></div>
				<div class='ex ml20 mt5'>
					<h3 class='f14 b'>{{v.optUserCN}}</h3>
					<dl class='lh20 mt10 lbor1 pl15'>
						<dd>{{v.optDate}}</dd>
						<dd class='mt5'><span class='g9'>操作类型：</span>{{v.optType}}</dd>
						<dd class='mt5'><span class='g9'>备注：</span>{{v.optDescr}}</dd>
					</dl>
				</div>
			</li>
		</ul>	
	</Box>
</template>

<script setup>
	/* --------------------------- image --------------------------- */
	import Img_uer from '@img/user.png'
	const Box = $.lazy(()=>import('#tp/box/box.vue'))
	/* --------------------------- data --------------------------- */
	ref:ajax = { data: [] }
	const { businessKey } = $fn.query()
	$http.pull(ajax, 'system/businessLog/list', { param: { businessKey, pageNum: 1, pageSize: 10000 } })
</script>
